import React, { memo } from 'react'

import { AlbumCoverWrap } from './style'
export default memo(function AlbumCover(props) {
    const { info } = props
    return (
        <AlbumCoverWrap className="item sprite_02" >
            <div className="top">
                <img src={info.picUrl + `?param=100y100`} alt="" />
                <a href="/#" className="mask sprite_covor"> </a>
                <i onClick={(e)=> {e.nativeEvent.stopImmediatePropagation();}} className="play sprite_icon"> </i>
            </div>
            <p className="detail">
                <a href="/">{ info.name }</a>
            </p>
            <p className="name">
                <a href="#/">{ info.artist.name }</a>
            </p>
        </AlbumCoverWrap>
    )
})
